<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body onload="runAfterLayoutAndPaint(repaintTest, true);">

<table align="center" border="0" cellspacing="0" cellpadding="10">
  <tr>
    <td align="center" colspan="3">
      <table border="0" cellpadding="8">
        <tr>
          <td align="center" colspan="2">
            <h1>Both sides should have identical size after zooming</h1>
          </td>
        </tr>
        <tr>
          <td align="center">
            SVG Image
          </td>
          <td align="center">
            PNG Image
          </td>
        </tr>
        <tr>
          <td align="right">
            <object data="resources/percentage-sized-svg.svg" width="480" height="360" type="image/svg+xml"><p style="font-size:300%;color:red">FAIL</p></object>
          </td>
          <td align="left">
            <img alt="raster image" src="resources/percentage-sized-svg.png"/>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<script>var zoomCount = 2; window.shouldZoomOut = true;</script>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script src="../resources/testPageZoom.js"></script>
</body>
</html>
